<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<base target="_blank">
<meta charset="utf-8">
<link rel="shortcut icon" href="images/favicon.ico" /> 
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/selectivizr-min.js"></script>
<link rel="stylesheet" href="css/ie_7.css" type="text/css" />
<![endif]-->

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/all-in-one-min.js"></script>
<script type="text/javascript" src="js/setup.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
$(window).load(function(){
	$('#demo-side-bar').removeAttr('style');
});
</script>
<style type="text/css">
#youqinglianjie a{
		color: white;
	}
	#youqing ul li{
		display: inline-block;
	}
.demobar{display:none;}
#demo-side-bar{top:53px!important;left:90%!important;display:block!important;}
</style>
 <!--Dynamically creates ads markup-->
   <?php include("http://www.egrappler.com/ads-header.php"); ?>
	<!-- Header -->
	<header class="header_bg clearfix">
		<div class="container clearfix">
        	<!-- Social -->
            	<ul class="social-links">
                	<li ><a href="javascript:"><img src="images/facebook.png" alt="Facebook"></a></li>
                    <li ><a href="javascript:"><img src="images/twitter.png" width="24" height="24" alt="Twitter"></a></li>
                </ul>
            <!-- /Social -->
			 <!-- Logo -->
			<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" /></a>
			</div>
			 <!-- /Logo -->
			
			<!-- Master Nav -->
			<nav class="main-menu">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li>
						<a>分类</a>
						<ul>
							
							<li><a href="typography.html">热门景点</a></li>
							<li><a href="blog_single.html">微博动态</a></li>
							<li><a href="elements.html">游玩直播</a></li>
							
							<li><a href="javascript:">攻略</a>
								<ul>
									<li><a href="pricing_2_cols.html">旅行路线</a></li>
                                    <li><a href="bbs.html">达人游记</a></li>
                                    <li><a href="pricing_5_cols.html">问答</a></li>
									
								</ul>
							</li>
                            
                            <li><a href="full_width.html">美文</a></li>
						</ul>
					</li>
					<li><a>主题</a>
						<ul>
							<c:forEach var="t" items="${totalList}">
								<li><a href="/trip/trips/showLocationByTotal/${t.tID}-${t.tName}">${t.tName}</a></li>
							</c:forEach>
						</ul>
					</li>
					<li><a href="login/registerIndex.html">注册</a></li>
					<li><a href="login/loginIndex.html">登录</a></li>
				</ul>
			</nav>
			<!-- /Master Nav -->
		</div>
	</header>
	<!-- /Header -->
	
	<div class="clear"></div>
	
	<!-- Slider -->
    <div class="bannerbg">
        <div class="container clearfix">
                <div class="flexslider" >
                <ul class="slides">
                    <li>
                        <img src="images/fslide01.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/fslide02.jpg" alt="" /></a>
                    </li>
                    <li>
                        <img src="images/fslide03.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <img src="images/fslide04.jpg" alt="" />
                    </li>
                    
                    <li>
                        <img src="images/fslide05.jpg" alt="" />
                    </li>
                    
                    <li>
                        <img src="images/fslide06.jpg" alt="" />
                    </li>
                </ul>
            </div>
        </div>
    </div>
	<!-- /Slider -->
	
	<div class="clear padding40"></div>

	
	<!-- Content -->
	<section class="container clearfix">
	
		<!-- START FEATURED COLUMNS -->
		<div class="col_1_3">
			<div class="features">
				<div class="title clearfix">
					<img src="images/code-icon.png" alt="" class="alignleft" />
					<h3>置顶景点1</h3>

				</div>
				<p>简介！！！！<br /> <a href="portfolio_details.html">more info</a></p> 
			</div>
		</div>
		<div class="col_1_3">
			<div class="features">
				<div class="title clearfix">
					<img src="images/intuitive-icon.png" alt="" class="alignleft" />
					<h3>置顶景点2</h3>

				</div>
				<p> 简介！！！ <br /> <a href="portfolio_details.html">more info</a></p> 
			</div>
		</div>
		<div class="col_1_3 last">
			<div class="features">
				<div class="title clearfix">
					<img src="images/businesses-icon.png" alt="" class="alignleft" />
					<h3>置顶景点3</h3>
					
				</div>
				<p>简介！！！ <br /> <a href="portfolio_details.html">more info</a></p> 
			</div>
		</div>
		<!-- END FEATURED COLUMNS -->
		
		<div class="clear padding10"></div>
		
		<div class="recent_works_left">
			<h2 class="red">热门城市</h2>
			<div class="city" style="font-size: 15px">请选择城市：
		<select>
  			<option value ="volvo">合肥</option>
  			<option value ="saab">马鞍山</option>
 		 	<option value="opel">芜湖</option>
 	 		<option value="audi">安庆</option>
		</select>
			</div>
		</div>
		<div class="recent_works_arrows">
			<a href="#" class="prev_item"></a><a href="#" class="next_item"></a>
		</div>
		<div class="clear"></div>
		<div class="line"></div>
		<div class="clear padding30"></div>
					

			<div class="recent_works">       
				<ul id="work">
					<!-- START PORTFOLIO COLUMN #1 -->
					<li id="id-1" class="app">
						<span class="recent_image">                                                                                                 
							<a href="images/top.jpg" data-rel="prettyPhoto" title="这是某一个好看的大海！" class="img-thumb"><img class="portfolio_image" src="images/top.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="details.html">热门景点1</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #1 -->
					
					<!-- START PORTFOLIO COLUMN #2 -->
					<li id="id-2" class="util">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" title="Free Admin Template from eGrappler.com"  class="img-thumb"><img class="portfolio_image" src="images/featured_work_2.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="details.html">热门景点2</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #2 -->
					
					<!-- START PORTFOLIO COLUMN #3 -->
					<li id="id-3" class="app">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" title="Free Social Plugin" class="img-thumb"><img class="portfolio_image" src="images/featured_work_3.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="details.html">热门景点3</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #3 -->
					<!-- START PORTFOLIO COLUMN #4 -->
					<li id="id-3" class="app">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" title="Free Social Plugin" class="img-thumb"><img class="portfolio_image" src="images/featured_work_3.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="details.html">热门景点4</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #4 -->
				
					
				
					
				</ul>
			</div>
		
	</section>
	<!-- /Content -->
		
	
	
	<section class="homepage_widgets_bg clearfix">
		<div class="container clearfix">
		
			<div class="padding20"></div>
			
            
            <!-- START COL 1/2 -->
            <div id="youqinglianjie">
            	
           
			<div class="col_1_2 ">
				<h1 class="regular white bottom_line">关于我们</h1>
				<p>
			<div class="left" style="font-size: 20px;color: white;">
				
              <dl style="color: white;float: left;">
                
                 <dd><a href="#">会员条款</a></dd>
                 <dd><a href="#">社区指南</a></dd>
                 <dd><a href="#">版权声明</a></dd>
                 <dd><a href="#">合作伙伴</a></dd>
             </dl>
           <dl style="color: white;float: left;">
            <dd><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></dd>
           </dl>
			<dl style="color: white;float: left;">
               
                 <dd><a href="#">trip简介</a></dd>
                 <dd><a href="#">联系我们</a></dd>
                 <dd><a href="#">合作伙伴</a></dd>

             </dl>
             <dl style="color: white;float: left;">
            <dd><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></dd>
           </dl>
             <dl style="color: white;float: left;">
               
                 <dd><a href="#">加入trip</a></dd>
                 <dd><a href="#">招聘职位</a></dd>
                 

             </dl>
             
             
         </div>
				</p> 
			</div>
			<!-- END COL 1/2 -->
            
			<!-- START COL 1/2 -->
            
           
         
           <div class="clear padding10"></div>
			
			<!-- end col 1/2 -->
			
			
            
            <!-- start col -->
            
            	<div>
                
                <h2 class="regular white bottom_line">友情连接</h2>
				<p>
					<div  id="youqing">
                            <ul style="font-size: 20px;">
                                <li>
                                    <a href="http://www.ethainan.com/" title="E假海南旅行网" target="_blank">E假海南旅行网</a>
                                </li>
                                <li>
                                    <a href="http://www.glljsh.com" title="桂林两江四湖" target="_blank">桂林两江四湖</a>
                                </li>
                                <li>
                                    <a href="http://www.pinchain.com" title="品橙旅游" target="_blank">品橙旅游</a>
                                </li>
                                <li>
                                    <a href="http://www.nagasakiyou.net/index.php" title="长崎旅游咨询网" target="_blank">长崎旅游咨询网</a>
                                </li>
                                <li>
                                    <a href="http://www.kulangsuisland.org" title="鼓浪屿官方旅游指南" target="_blank">鼓浪屿官方旅游指南</a>
                                </li>
                            </ul>
                        </div>
				</p>
				<div class="clearfix">
					
					<a href="javascript:" class="green-button">关注我们</a>
				</div>
                
                </div>
             </div>
            <!-- emd col -->
            
			<div class="clear padding80"></div>
			
		</div>
	</section>
		
	
	<!-- footer -->
	<footer class="footer_bg_bottom clearfix">
		<div class="footer_bottom container">
			<div class="col_2_3">
				
				<div class="menu">
					<ul>
						<li><a href="index.html">首页</a></li>
                        <li><a href="elements.html">游玩直播</a></li>
						<li><a href="portfolio_4_cols.html">主题乐园</a></li>
						<li><a href="pricing_5_cols.html">问答</a></li>
						<li><a href="blog.html">微博</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
				
				
				<div class="clear padding20"></div>
				
				
				<p>
					&copy; Some Rights Reserved. &nbsp; <a href="#">Legal Notices</a>  More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
				
			</div>
			
			<div class="clear padding20"></div>
		</div>
	</footer>
	<!-- /footer -->
  	
    </div>
    <!--wrapper end-->
	
</body>
</html>